<style>
.order-info{
  display: flex;
  justify-content: left;
  flex-wrap:wrap
}
.order-item{
  width: 30%;
  padding: 10px;
}
.order-item span{
  color: #676464;;
}
</style>
<div class="layuimini-container">
    <form id="app-form" class="layui-form layuimini-form">

        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>订单信息</legend>
        </fieldset>

        <div class="order-info">
            <div class="order-item">
                订单号 : <span>{$row.order_no|default=''}</span>
            </div>
            <div class="order-item">
                商城订单号 : <span>{$row.shop_order_no|default=''}</span>
            </div>
            <div class="order-item">
                状态 :
                {if $row.status eq 0}
                <button type="button" class="layui-btn layui-btn-xs">未发货</button>
                {elseif $row.status eq 1}
                <button type="button" class="layui-btn layui-btn-xs layui-btn-normal">已发货</button>
                {elseif $row.status eq 2}
                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs">已完成</button>
                {else}
                <button type="button" class="layui-btn layui-btn-danger layui-btn-xs">未知</button>
                {/if}
            </div>
            <div class="order-item">
                应用用户ID : <span>{$row.app_user_id|default=''}</span>
            </div>
            <div class="order-item">
                应用用户名称 : <span>{$row.app_user_name|default=''}</span>
            </div>
            <div class="order-item">
                收货人姓名 : <span>{$row.sent_to_user|default=''}</span>
            </div>
            <div class="order-item">
                收货人地址 : <span>{$row.sent_to_address|default=''}</span>
            </div>
            <div class="order-item">
                收货人联系方式 : <span>{$row.sent_to_tel|default=''}</span>
            </div>
            <div class="order-item">
                备注 : <span>{$row.remark|default=''}
            </div>
        </div>

        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>商品信息</legend>
        </fieldset>

        <div class="layui-form">
            <table class="layui-table" lay-skin="line">
                <colgroup>
                  <col width="150">
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>商品名称</th>
                    <th>商品图片</th>
                    <th>数量</th>
                  </tr> 
                </thead>
                <tbody>
                    {foreach $row.goods_arr as $k => $v}
                  <tr>
                    <td>{$k+1}</td>
                    <td>{$v.goods_name}</td>
                    <td><img src="{$v.logo}" style="height: 50px;"></td>
                    <td>{$v.num}</td>
                  </tr>
                    {/foreach}
                </tbody>
              </table>   
          </div>
        
        <!-- <div class="layui-form-item">
            <label class="layui-form-label">订单号</label>
            <div class="layui-input-block">
                <input type="text" name="order_no" class="layui-input"  placeholder="请输入订单号" value="{$row.order_no|default=''}" disabled>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">商城订单号</label>
            <div class="layui-input-block">
                <input type="text" name="shop_order_no" class="layui-input"  placeholder="请输入商城订单号" value="{$row.shop_order_no|default=''}" disabled>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">应用用户ID</label>
            <div class="layui-input-block">
                <input type="text" name="app_user_id" class="layui-input" lay-verify="required" placeholder="请输入应用用户ID" value="{$row.app_user_id|default=''}" disabled>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">应用用户名称</label>
            <div class="layui-input-block">
                <input type="text" name="app_user_name" class="layui-input" lay-verify="required" placeholder="请输入应用用户名称" value="{$row.app_user_name|default=''}" disabled>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">收货人姓名</label>
            <div class="layui-input-block">
                <input type="text" name="sent_to_user" class="layui-input"  placeholder="请输入收货人姓名" value="{$row.sent_to_user|default=''}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">收货人地址</label>
            <div class="layui-input-block">
                <input type="text" name="sent_to_address" class="layui-input" lay-verify="required" placeholder="请输入收货人地址" value="{$row.sent_to_address|default=''}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">收货人联系方式</label>
            <div class="layui-input-block">
                <input type="text" name="sent_to_tel" class="layui-input"  placeholder="请输入收货人联系方式" value="{$row.sent_to_tel|default=''}">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea name="remark" class="layui-textarea" placeholder="请输入备注">{$row.remark|raw|default=''}</textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <select name="status" >
                    <option value=''></option>
                    {foreach $notes['status'] as $k=>$v}
                    <option value='{$k}' {in name="k" value="$row.status"}selected=""{/in}>{$v}</option>
                    {/foreach}
                </select>
            </div>
        </div> -->
        <!-- <div class="hr-line"></div>
        <div class="layui-form-item text-center">
            <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
            <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
        </div> -->
    </form>
</div>